<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/cart.css">
</head>
<body>
    <div class="top">
        <div class="topBanner">
            <ul class="topleft">
                <li>
                    <p>中国大陆∨</p>
                </li>
                <li >
                    <a href="./login.html"><p class="off active">请登录</p></a>
                    <div class="on" >
                    <span>0</span>
                    <button class="logout">退出登录</button>
                    </div>
                </li>
                <li>
                    <p>手机逛淘宝</p>
                </li>
            </ul>
            <ul class="topright">
                <li>
                   <a href="./index.html"> <p>首页</p></a>
                </li>
                <li>
                    <a href="./list.html" target="_blank">
                        <p class="cart">商品列表</p></a>
                </li>
                <li>
                    <p>收藏夹∨</p>
                </li>
                <li>
                  <a href="./details.html"><p>商品详情</p></a>
                </li>
                <li>
                    <p>免费开店</p>
                </li>
                <li>
                    <P>千牛卖家中心∨</P>
                </li>
                <li>
                    <p>联系客户∨</p>
                </li>
                <li class="lastli">
                    <p>网站导航∨</p>
                       <div></div>
                       <div></div>
                       <div></div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="search">
        <div class="logo"><img src="./image/tblogo.png" alt=""></div>
        <div class="search1">
            <div>宝贝∨</div>
            <input type="text" placeholder="搜其他">
            <button>搜索</button>
            <ul class="searchUl">
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>


    <div class="content container">
        <div class="top">
          <input type="checkbox"> 全选
        </div>
        <div class="center">
          <ul>
            <li>
              <div class="select">
                <input type="checkbox">
              </div>
              <div class="img">
                <img src="" alt="">
              </div>
              <div class="desc">描述信息</div>
              <div class="price">100.00</div>
              <div class="number">
                <button>-</button>
                <input type="text" value="1">
                <button>+</button>
              </div>
              <div class="xiaoji">
                100.00
              </div>
              <div class="delete">
                <button>删除</button>
              </div>
            </li>
            <li>
              <div class="select">
                <input type="checkbox">
              </div>
              <div class="img">
                <img src="" alt="">
              </div>
              <div class="desc">描述信息</div>
              <div class="price">100.00</div>
              <div class="number">
                <button>-</button>
                <input type="text" value="1">
                <button>+</button>
              </div>
              <div class="xiaoji">
                100.00
              </div>
              <div class="delete">
                <button>删除</button>
              </div>
            </li>
          </ul>
    
        </div>
        <div class="bottom">
          <p class="number">
            购买数量 : <span>3</span>
          </p>
          <p class="btns">
            <button disabled>去结算</button>
            <button disabled>清空购物车</button>
            <button disabled>删除所有已选中</button>
          </p>
          <p class="totalPrice">
            总价 : <span>100.00</span>
          </p>
        </div>
      </div>
      <footer><img src="./image/foot.png" alt=""></footer>
    <script src="./js/utils/utils AJAX.js"></script>
    <script src="./js/cart.js"></script>
</body>
</html>